*{
	padding: 0;
	margin: 0;
}
.dj{
	width: 100%;
	position: relative;
}
.dj-img{
   width: 100%;

}
.d1{
	width: 10%;
	position: absolute;
	top: 69.9%;
    left: 38%;
    z-index: 1;
}
.off{
	display: none;
}
.i1{
	width: 60%;
    position: absolute;
    top: 71%;
    left: 20%;
     z-index: 99;
}
.s1{
	width: 7%;
    position: absolute;
    top: 70.1%;
    left: 77%;
     z-index: 99;
}

.d2{
	width: 10%;
	position: absolute;
	top: 69.9%;
    left: 66%;
     z-index: 1;
}
.off2{
	display: none;
}
.i2{
	width: 60%;
    position: absolute;
    top: 71%;
    left: 20%; z-index: 99;
}
.s2{
	width: 7%;
    position: absolute;
    top: 70.1%;
    left: 77%;
     z-index: 99;
}
.d3{
	width: 10%;
    position: absolute;
    top: 76.1%;
    left: 38%;
     z-index: 1;
}
.off3{
	display: none;
	
}
.i3{
	width: 60%;
    position: absolute;
    top: 78%;
    left: 20%;
    z-index: 99;
}
.s3{
	width: 7%;
    position: absolute;
    top: 77.1%;
    left: 77%;
     z-index: 99;
}
.d4{
	width: 10%;
    position: absolute;
    top: 76.2%;
    left: 65.8%;
     z-index: 1;
}
.off4{
	display: none;
	
}
.i4{
	width: 60%;
    position: absolute;
    top: 78%;
    left: 20%;
    z-index: 99;
}
.s4{
	width: 7%;
    position: absolute;
    top: 77.1%;
    left: 77%;
     z-index: 99;
}
.d5{
	width: 10%;
    position: absolute;
    top: 82.6%;
    left: 37.9%;
    z-index: 1;
}
.off5{
	display: none;
	
}
.i5{
	width: 60%;
    position: absolute;
    top:84%;
    left: 20%;
    z-index: 99;
}
.s5{
	width: 7%;
    position: absolute;
    top: 83.1%;
    left: 77%;
     z-index: 99;
}
.d6{
	width: 10%;
    position: absolute;
    top: 82.6%;
    left: 65.9%;
    z-index: 1;
}
.off6{
	display: none;
	
}
.i6{
	width: 60%;
    position: absolute;
    top:84%;
    left: 20%;
    z-index: 99;
}
.s6{
	width: 7%;
    position: absolute;
    top: 83.1%;
    left: 77%;
     z-index: 99;
}
.d7{
	width: 10%;
    position: absolute;
    top: 88.8%;
    left: 37.9%;
    z-index: 1;
}
.off7{
	display: none;
	
}
.i7{
	width: 60%;
    position: absolute;
    top:91%;
    left: 20%;
    z-index: 99;
}
.s7{
	width: 7%;
    position: absolute;
    top: 90.1%;
    left: 77%;
     z-index: 99;
}
.d8{
	width: 10%;
    position: absolute;
    top: 88.9%;
    left:65.9%;
    z-index: 1;
}
.off8{
	display: none;
	
}
.i8{
	width: 60%;
    position: absolute;
    top:91%;
    left: 20%;
    z-index: 99;
}
.s8{
	width: 7%;
    position: absolute;
    top: 90.1%;
    left: 77%;
     z-index: 99;
}
.d9{
    width: 10%;
    position: absolute;
    top: 95.1%;
    left: 37.9%;
    z-index: 1;
}
.off9{
	display: none;
	
}
.i9{
	width: 60%;
    position: absolute;
    top:80%;
    left: 20%;
    z-index: 99;
}
.s9{
	width: 7%;
    position: absolute;
    top: 79.1%;
    left: 77%;
     z-index: 99;
}
.d10{
    width: 10%;
    position: absolute;
    top: 95.1%;
    left: 65.9%;
    z-index: 1;
}
.off10{
	display: none;
	
}
.i10{
	width: 60%;
    position: absolute;
    top:84%;
    left: 20%;
    z-index: 99;
}
.s10{
	width: 7%;
    position: absolute;
    top:83.1%;
    left: 77%;
     z-index: 99;
}